<div class="overallInfo">
    <div id="yearInfo">
        年份: <b id="year">0</b>
        <span id="extraYearsArea">奖励年份: <b id="extraYears">0</b></span>
    </div>
    <a href="javascript:void(0);" class="controlButton" id="changePlayModeButton">正常速度</a>
    <a herf="javascript:void(0;" class="controlButton" id="changeFastPlayModeButton">快速</a>
    <a href="javascript:void(0);" id="settingsButton">设置</a>

</div>
<table width="100%">
    <tr>
        <td class="layoutLeft" valign="top">
            <div class="resources">

            </div>
            <div class="populationInfo">

            </div>
        </td>
        <td class="layoutRight" valign="top">
            <div class="layoutMenu">
                <a href="javascript:void(0);" class="layoutButton selected" data-id="resourcesOverview">概览</a>
                <a href="javascript:void(0);" class="layoutButton" data-id="buildings">建筑</a>
                <a href="javascript:void(0);" class="layoutButton" data-id="research">研究</a>
                <a href="javascript:void(0);" class="layoutButton" data-id="wars" id="warsButton">战争</a>
                <a href="javascript:void(0);" class="layoutButton" data-id="achievements">成就</a>
                <a href="javascript:void(0);" class="layoutButton" data-id="genetics" id="geneticsButton">基因</a>
                <a href="javascript:void(0);" class="layoutButton" data-id="future" id="futureButton">未来</a>
            </div>
            <div id="layoutMenuContent">

            </div>
        </td>
    </tr>
</table>